/*********** NAVBAR ****************/
.navigationSlider .slidingNav ul li a {
  font-weight: normal;
}

.navbar-item-github:hover {
  opacity: 0.6;
}
.navbar-item-github:before {
  margin-right: 0.5rem;
  content: "";
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-items: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
html[data-theme="dark"] .navbar-item-github:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
    no-repeat;
  background-repeat: no-repeat;
  background-position: center;
}

.header-slack-link:hover {
  opacity: 0.6;
}

.header-slack-link:before {
  content: "";
  width: 19px;
  height: 19px;
  display: flex;
  background: url("");
  background-size: cover;
}

html[data-theme="dark"] .header-slack-link:before {
  filter: invert(100%);
}

/* ********** BANNER **************/
.homeHero {
  overflow: hidden;
  position: relative;
  background-image: linear-gradient(
    219.3deg,
    rgba(149, 0, 199, 1) 4.7%,
    rgba(130, 0, 226, 1) 22.9%,
    rgba(95, 0, 199, 1) 43.2%,
    rgba(70, 0, 199, 1) 63.9%,
    rgba(5, 0, 199, 1) 85.1%,
    rgba(0, 95, 199, 1) 106.8%
  );
}

.logo {
  position: absolute;
  opacity: 0.3;
  right: 0;
  top: 0;
  max-width: 100%;
  margin: auto;
}

.logo img {
  width: 90%;
  z-index: 1;
}

.banner {
  color: white;
  padding: 8em 1em;
  position: relative;
  z-index: 10;
}

.homeTitle {
  margin-top: 50px;
  max-width: 520px;
  font-size: 3rem;
  line-height: 1.3em;
  font-weight: bold;
  letter-spacing: 0.3px;
}

.homeSubTitle {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 1.3em 0 1.3em;
}

.features {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  width: 100%;
}

.homeHero .button {
  color: white;
  border: solid 1px #fff;
}

/* *********** BLOCK CONTAINER *********** */
.wrapper {
  padding: 5em 0;
}

.lightBackground {
  background-color: var(--light-bg-color);
}

.darkBackground {
  background-color: var(--dark-bg-color);
}

/* ************** BLOCK GRID ************** */
.gridBlock {
  padding-top: 2em;
}

@media only screen and (min-width: 769px) {
  .gridBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 40px;
  }

  .gridBlock > * {
    margin: 0 24px 0 0;
  }

  .gridBlock .twoByGridBlock {
    flex: 1 0 40%;
  }

  .gridBlock .threeByGridBlock {
    flex: 1 0 26%;
  }

  .gridBlock .fourByGridBlock {
    flex: 1 0 20%;
  }

  h2 + .gridBlock {
    padding-top: 20px;
  }
}

/* ************** TEXT SECTION ************** */
.textSection h1 {
  margin-top: 0;
  font-size: 2.5rem;
}

.textSection h2 {
  margin-top: 0;
  font-size: 1.5rem;
}

.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.logos img {
  height: 30px;
  margin: 2em;
}

/* ************** FOOTER ************** */
.footer {
  display: none;
  /* margin-top: 3em; */
  border-top: rgba(0, 0, 0, 0.05) 1px solid;
  /* bac/kground-color: var(--dark-bg-color); */
}

/* Sidebar Method labels */
.api-method > .menu__link {
  align-items: center;
  justify-content: start;
  padding-left: 8%;
}

.api-method > .menu__link::before {
  width: 50px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0.25rem;
  border: 1px solid;
  border-inline-start-width: 5px;
  margin-right: var(--ifm-spacing-horizontal);
  text-align: center;
  flex-shrink: 0;
}

.get > .menu__link::before {
  content: "get";
  background-color: var(--ifm-color-info-contrast-background);
  color: var(--ifm-color-info-contrast-foreground);
  border-color: var(--ifm-color-info-dark);
}

.post > .menu__link::before {
  content: "post";
  background-color: var(--ifm-color-success-contrast-background);
  color: var(--ifm-color-success-contrast-foreground);
  border-color: var(--ifm-color-success-dark);
}

.delete > .menu__link::before {
  content: "del";
  background-color: var(--ifm-color-danger-contrast-background);
  color: var(--ifm-color-danger-contrast-foreground);
  border-color: var(--ifm-color-danger-dark);
}

.put > .menu__link::before {
  content: "put";
  background-color: var(--ifm-color-warning-contrast-background);
  color: var(--ifm-color-warning-contrast-foreground);
  border-color: var(--ifm-color-warning-dark);
}

.patch > .menu__link::before {
  content: "patch";
  background-color: var(--ifm-color-success-contrast-background);
  color: var(--ifm-color-success-contrast-foreground);
  border-color: var(--ifm-color-success-dark);
}

.head > .menu__link::before {
  content: "head";
  background-color: var(--ifm-color-secondary-contrast-background);
  color: var(--ifm-color-secondary-contrast-foreground);
  border-color: var(--ifm-color-secondary-dark);
}

.padding-top--md {
  padding-top: 3rem !important;
}

.menu__link--active {
  font-weight: 600;
}

.menu__list-item-collapsible {
  font: 14px;
}

.menu__list-item-collapsible::after {
  opacity: 0.3;
}

.menu__link {
  font-size: 14px;
}

.menu__link--sublist:after {
  opacity: 0.3;
}

.padding-top--md {
  padding-top: 3rem !important;
}

.theme-doc-sidebar-item-link-level-2 {
  padding-left: 0.5rem;
}

.theme-doc-sidebar-item-link-level-3 {
  padding-left: 1rem;
}

.theme-doc-sidebar-item-category-level-2 .menu__list-item-collapsible {
  padding-left: 0.5rem;
}

code {
  font-size: 90%;
  background-color: var(--ifm-color-info-contrast-background);
}